﻿@model MMCInfo.ViewModels.SearchPatientViewModel

@{
    ViewBag.Title = "Patient Zoeken";
}

<h2>Patient Zoeken</h2>
@using (Html.BeginForm())
{
     @Html.ValidationSummary(true)//True: exclude property errors, deze worden inline bij de controls als weergegeven
    <fieldset>
        <legend>Patient</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Geboortedatum)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Geboortedatum)
            @Html.ValidationMessageFor(model => model.Geboortedatum)
        </div>

        <p>
            <input id="zoekPatient" type="submit" value="Zoek" />
        </p>
    @if (Model.Empty)
    {
        <div id="patientResultaat">
            Er is geen patient gevonden.
        </div>
    }else
    {
        <div id="patientResultaat">
            <div class="editor-field">
                @Html.DropDownListFor(model => model.Geboortedatum,
                                        Model.Patienten,
                                        "-Selecteer een patient-",
                                        new
                                        {
                                            onchange = "window.location.href = \"" + @Url.Action("UpdatePatient") + "this.value/\""
                                        })
            </div>
        </div>
    }
    </fieldset>
}
<script type="text/javascript">
    $('#zoekPatient').click(function (e) {
        e.preventDefault();
        var geboorteDatum = $('#Geboortedatum').val();
        if (geboorteDatum != null && geboorteDatum !== '') {
            $.getJSON('@Url.Action("SearchPatientResult")',
                {
                    geboorteDatum: geboorteDatum
                },
                function (patientenLijst) {
                    if (patientenLijst.length > 0) {
                        $('#patientResultaat').html(
                            '<select id="patientResultaatDropDown" '+
                                ' onchange="window.location.href = \'@Url.Action("UpdatePatient")/\'+$.trim(this.value)+\'/\'">' +
                                '<option value="">'+
                                    '-Selecteer een patient-'+
                                '</option>'+
                            '</select>'
                        );
                        $(patientenLijst).each(function (index, element) {
                            var option = '<option value="' + element.Value + '">' + element.Text + '</option>';
                            $('#patientResultaatDropDown').append(option);
                        })

                    } else {
                        $('#patientResultaat').html("Er is geen patient gevonden.");
                    }
                }
            )
        }
    });
</script>